.videos-container{
  min-height: 100%;
  padding-top: 55px;
  padding-bottom: 120px;
  box-sizing: border-box;
  position: relative;
  background-color: #eff3f5;
  .video-box{
    height: 100%;
    margin-top: 20px;
    padding: 0 180px;
    box-sizing: border-box;
    overflow: hidden;
    .video-items{
      margin-top: 20px;
      ul{
        width: 100%;
        overflow: hidden;
        li{
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          padding: 5px 10px;
          width: 124px;
          text-align: center;
          border-radius: 3px;
          cursor: pointer;
          float: left;
          margin: 10px 10px;
          border: 1px solid skyblue;
          font-size: 12px;
        }
        .active{
          background-color: skyblue;
          color: #fff;
        }
      }
    }
    .blog-commont{
      background-color: #fff;
      box-shadow: 0 0 10px #ccc;
      margin: 20px 0;
      padding: 30px;
      .commont-list{
        .commont-item{
          display: flex;
          padding: 20px;
          .avatar{
            margin-right: 20px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #ccc;
            overflow: hidden;
            img{
              width: 100%;
              height: 100%;
            }
          }
          .commont-text{
            font-size: 12px;
            .member-name{
              color: #666;
              margin-right: 10px;
            }
            .create-time{
              color: #ccc;
            }
          }
          
        }
      }
    }

  }
}